import { useState, createContext, useContext } from 'react';

// 创建一个上下文对象
const MyContext = createContext();

function B() {
    // 从上下文中获取值并赋值给 message
    const message = useContext(MyContext);
    return (
        <div>
            <h1>Bddddd---{message}</h1>
        </div>
    );
}

function A() {
    return (
        <div>
            <B />
        </div>
    );
}

export default function index() {
    const [message, setMessage] = useState('sxjihscihshcis');
    return (
        <div>
            <MyContext.Provider value={message}>
                <A />
            </MyContext.Provider>
        </div>
    );
}